<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>
        <hgroup>
            <h1>网站标题</h1>
            <h2>网站副标题</h2>
        </hgroup>
    </header>
    <nav>
        <ul>
            <li>珠峰培训首页</li>
            <li>node培训课程</li>
            <li>html5培训课程</li>
            <li>珠峰论坛</li>
        </ul>
    </nav>
    <section>
        <h1>section是什么？</h1>
        <p>是一个独立的章节</p>
        <article>
           <h2>关于section</h1>
            <p>section的介绍</p>
        </article>
     </section>
     <article>
        <header>
            <hgroup>
                <h1>这是一篇介绍HTML 5结构标签的文章</h1>
                <h2>HTML 5的革新</h2>
           </hgroup>
           <time datetime="2016-11-18">2016.11.18</time>
      </header>
      <p>文章内容详情</p>
     </article>
     <footer>
        <span>copyRight@珠峰培训</span>
     </footer>
     <hgroup>
        <h1>主标题</h1>
        <h2>副标题</h2>
    </hgroup>
   <figure>
    <img src="img.jpg" alt="figure标签" title="figure标签" />
</figure>
<article>

    <p>article内容区</p>

    <aside>

        <span>附属信息1</span>

        <span>附属信息2</span>

        <span>附属信息3</span>

    </aside>

</article>
<p>定义时间...<time>9:00</time></p>

 

<p>结合datetime属性定义日期...<time datetime="2016-08-08">时间</time></p>
</body>
</html>